@charset "utf-8";

body{
    background-image: url("1 (2).jpg");
    background-repeat: no-repeat;
    background-size: 100%;
}
.all{

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 1000px;
}
.box{
    display: flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    width:500px;
    height:550px;
    border-top: 1px solid rgba(255,255,255,0.3);
    border-left: 1px solid rgba(255,255,255,0.3);
    border-bottom: 1px solid rgba(255,255,255,0.3);
    border-right: 1px solid rgba(255,255,255,0.3);
    backdrop-filter: blur(20px);
    border-radius: 8%;
}
.box h2{
    font-size: 50px;
}
.box .input-box{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:start;
    margin-bottom: 10px;
}

.box .input-box label{
    color: rgba(255, 255, 255,1);
    margin-bottom: 5px;
    font-size: 20px;
}
.box .input-box input{
    color: rgba(255, 255, 255, 0.7);
    height: 30px;
    width: 250px;
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    transition: 0.2s;
    font-size: 15px;

}
.box div{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
}
.box .abc{
    width: 100px;
    height: 50px;
    border-radius: 50px;
    background:rgba(255, 255, 255, 0.5);
    border: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.5);
    font-size: 20px;
}
.box .abcd{
    width: 100px;
    height: 50px;
    border-radius: 50px;
    background:rgba(255, 255, 255, 0.5);
    border: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.5);
    font-size: 20px;
}




